import React from "react";
import { Button, Space } from 'antd-mobile'
import Swiper from "../../components/Swiper";
import HomeHotList from "./HomeHotList";
import HeaderNav from "../../components/HeaderNav"
import { useSelector } from "react-redux";


const Home = () => {

    const cityStore = useSelector(state => state.city)

    return (
        <div>
            <HeaderNav cityName={cityStore.cityName}></HeaderNav>
            <Swiper></Swiper>
            <HomeHotList cityName={cityStore.cityName}></HomeHotList>
        </div>

    )
}

export default Home